<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition template="../templatequeroumbico/master.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="corpo-da-pagina">

		<div id="cabecalhoPrincipal">
			<div id="interessesPrincipal">
				<h:outputLabel styleClass="titulo1"
					value="Bicos que podem te interessar" />
				<br />
				<h:outputLabel styleClass="titulo2"
					value="Esta precisando aumentar sua renda? Conecte-se agora mesmo a uma oportunidade." />
				<br /> <br />
				<div id="ofertasPrincipais">
					<h:outputLabel styleClass="textoInteressesPrincipais"
						value="Preciso de um consultor financeiro para palestra no Intercon 2012." />
					<h:commandButton id="idqueroBicar1" styleClass="botaoQueroBicar"
						action="#" value="quero bicar" />

					<hr class="hrInteressesPrincipais" />
					<h:outputLabel styleClass="textoInteressesPrincipais"
						value="Preciso de um consultor financeiro para palestra no Intercon 2012." />
					<h:commandButton id="idqueroBicar2" styleClass="botaoQueroBicar"
						action="#" value="quero bicar" />
					<hr class="hrInteressesPrincipais" />
					<h:outputLabel styleClass="textoInteressesPrincipais"
						value="Preciso de um consultor financeiro para palestra no Intercon 2012." />
					<h:commandButton id="idqueroBicar3" styleClass="botaoQueroBicar"
						action="#" value="quero bicar" />
					<hr class="hrInteressesPrincipais" />
					<h:outputLabel styleClass="textoInteressesPrincipais"
						value="Preciso de um consultor financeiro para palestra no Intercon 2012." />
					<h:commandButton id="idqueroBicar4" styleClass="botaoQueroBicar"
						action="#" value="quero bicar" />
				</div>
			</div>
			<div id="perfilPrincipal">

				<div id="informacoesPerfil">
					<h:graphicImage id="fotoPerfil"
						value="../queroumbico/img/queroumbico/fotoperfil.jpg"></h:graphicImage>
					<div id="dadosPerfil">
						<h:outputLabel styleClass="titulo4" value="Rodrigo César Freitas" />
						<br />
						<h:outputLabel value="Analista de Sistemas" />
						<br /> <br />
						<h:outputLabel value="52 bicos realizados" />
						<br />
						<h:outputLabel value="200 indicacoes" />
					</div>
				</div>
				<br />
				<div id="indiceAtivos">
					<hr class="hr" />
					<h:outputLabel value="Você recebeu 4 bicadas essa semana."
						styleClass="titulo3" />
					<br /> <br />
					<h:outputLabel value="5 Bicos em atividade" />
					<br />
					<h:outputLabel value="0 interesses em bicar" />
				</div>
			</div>
		</div>
		<div id="meio" class="contemfloat">
			<div id="lateralesquerda" class="contemfloat">
				<div id="titulo">
					<h:outputLabel value="Preciso de?" styleClass="titulo5" />
				</div>
				<div id="cadbico">

					<div id="itensPreciso">
						<div id="categoria">
							<h:outputLabel id="labelCategoria" value="Categoria: "
								styleClass="titulo6" />
							<p:selectOneMenu id="categoriasom" value="#"
								styleClass="precisoDePrincipalComponentes1">
								<f:selectItem itemLabel="Biologicas" itemValue="1" />
								<f:selectItem itemLabel="Exatas" itemValue="2" />
								<f:selectItem itemLabel="Humanas" itemValue="3" />
							</p:selectOneMenu>
						</div>
						<br />
						<div id="dataInicio">
							<h:outputLabel id="labelDataInicio" value="Data Inicio: "
								styleClass="titulo6" />
							<p:calendar styleClass="precisoDePrincipalComponentes2"></p:calendar>
						</div>
						<br />
						<div id="dataTermino">
							<h:outputLabel id="labelDataTermino" value="Data Término: "
								styleClass="titulo6" />
							<p:calendar styleClass="precisoDePrincipalComponentes3"></p:calendar>
						</div>

					</div>
					<div id="descricaoBreve">
						<h:outputLabel id="labelDataTermino" value="Breve descrição: "
							styleClass="titulo6" />
						<br />
						<p:inputTextarea rows="2" maxlength="90" autoResize="false"
							styleClass="breveDescricao"></p:inputTextarea>
					</div>
					<div id="descricaoCompleta">
						<h:outputLabel id="labelDataTermino" value="Descrição completa: "
							styleClass="titulo6" />
						<br />
						<p:inputTextarea rows="2" autoResize="false"
							styleClass="completaDescricao"></p:inputTextarea>
					</div>
					<div id="finalizarCadastroBico">
						<h:commandButton id="btnCadastrarBico"
							styleClass="btnCadastrarBico" value="Cadastrar" action="#" />
						<div id="redesSociais">
							<p:selectBooleanCheckbox id="checkTwitter"></p:selectBooleanCheckbox>
							<h:graphicImage id="fotoTwitter"
								value="../queroumbico/img/queroumbico/twitter.jpg"></h:graphicImage>
							<p:selectBooleanCheckbox id="checkFacebook"></p:selectBooleanCheckbox>
							<h:graphicImage id="fotoFacebook"
								value="../queroumbico/img/queroumbico/facebook.jpg"></h:graphicImage>
						</div>
					</div>
				</div>
				<div id="anunciosPatrocinadosBicos">
					<div id="linhaLinkPatrocinado">
						<h:outputLabel styleClass="linkPatrocinado"
							value="Links patrocinados? Quero obter." />
					</div>
					<div id="vagaPatrocinada1">
						<h:graphicImage id="fotoPatrocinada1"
							value="../queroumbico/img/queroumbico/fotoperfil.jpg"></h:graphicImage>
						<div id="dadosVaga1">
							<h:outputLabel styleClass="tituloVaga" value="Designer Gráfico" />
							<br />
							<h:outputLabel styleClass="descricaoBreveVaga"
								value="Preciso de um designer grafico para projeto temporário." />
							<br />
							<h:outputLabel styleClass="tituloValorProposto"
								value="Valor Proposto:" />
							<h:outputLabel styleClass="valorProposto" value="R$500,00" />
							<h:outputLabel styleClass="tituloTempoVaga" value="Tempo:" />
							<h:outputLabel styleClass="tempoVaga" value="40 horas" />
						</div>
					</div>
					<hr class="hrVaga" />
					<div id="vagaPatrocinada1">
						<h:graphicImage id="fotoPatrocinada1"
							value="../queroumbico/img/queroumbico/fotoperfil.jpg"></h:graphicImage>
						<div id="dadosVaga1">
							<h:outputLabel styleClass="tituloVaga" value="Designer Gráfico" />
							<br />
							<h:outputLabel styleClass="descricaoBreveVaga"
								value="Preciso de um designer grafico para projeto temporário." />
							<br />
							<h:outputLabel styleClass="tituloValorProposto"
								value="Valor Proposto:" />
							<h:outputLabel styleClass="valorProposto" value="R$500,00" />
							<h:outputLabel styleClass="tituloTempoVaga" value="Tempo:" />
							<h:outputLabel styleClass="tempoVaga" value="40 horas" />
						</div>
					</div>
				</div>

				<div id="anunciosBicos">
					<div id="vagaPatrocinada1">
						<h:graphicImage id="fotoPatrocinada1"
							value="../queroumbico/img/queroumbico/fotoperfil.jpg"></h:graphicImage>
						<div id="dadosVaga1">
							<h:outputLabel styleClass="tituloVaga" value="Designer Gráfico" />
							<br />
							<h:outputLabel styleClass="descricaoBreveVaga"
								value="Preciso de um designer grafico para projeto temporário." />
							<br />
							<h:outputLabel styleClass="tituloValorProposto"
								value="Valor Proposto:" />
							<h:outputLabel styleClass="valorProposto" value="R$500,00" />
							<h:outputLabel styleClass="tituloTempoVaga" value="Tempo:" />
							<h:outputLabel styleClass="tempoVaga" value="40 horas" />
						</div>
					</div>
					<hr class="hrVaga" />
					<div id="vagaPatrocinada1">
						<h:graphicImage id="fotoPatrocinada1"
							value="../queroumbico/img/queroumbico/fotoperfil.jpg"></h:graphicImage>
						<div id="dadosVaga1">
							<h:outputLabel styleClass="tituloVaga" value="Designer Gráfico" />
							<br />
							<h:outputLabel styleClass="descricaoBreveVaga"
								value="Preciso de um designer grafico para projeto temporário." />
							<br />
							<h:outputLabel styleClass="tituloValorProposto"
								value="Valor Proposto:" />
							<h:outputLabel styleClass="valorProposto" value="R$500,00" />
							<h:outputLabel styleClass="tituloTempoVaga" value="Tempo:" />
							<h:outputLabel styleClass="tempoVaga" value="40 horas" />
						</div>
					</div>
					<hr class="hrVaga" />
                    <div id="vagaPatrocinada1">
                        <h:graphicImage id="fotoPatrocinada1"
                            value="../queroumbico/img/queroumbico/fotoperfil.jpg"></h:graphicImage>
                        <div id="dadosVaga1">
                            <h:outputLabel styleClass="tituloVaga" value="Designer Gráfico" />
                            <br />
                            <h:outputLabel styleClass="descricaoBreveVaga"
                                value="Preciso de um designer grafico para projeto temporário." />
                            <br />
                            <h:outputLabel styleClass="tituloValorProposto"
                                value="Valor Proposto:" />
                            <h:outputLabel styleClass="valorProposto" value="R$500,00" />
                            <h:outputLabel styleClass="tituloTempoVaga" value="Tempo:" />
                            <h:outputLabel styleClass="tempoVaga" value="40 horas" />
                        </div>
                    </div>
                    <hr class="hrVaga" />
                    <div id="vagaPatrocinada1">
                        <h:graphicImage id="fotoPatrocinada1"
                            value="../queroumbico/img/queroumbico/fotoperfil.jpg"></h:graphicImage>
                        <div id="dadosVaga1">
                            <h:outputLabel styleClass="tituloVaga" value="Designer Gráfico" />
                            <br />
                            <h:outputLabel styleClass="descricaoBreveVaga"
                                value="Preciso de um designer grafico para projeto temporário." />
                            <br />
                            <h:outputLabel styleClass="tituloValorProposto"
                                value="Valor Proposto:" />
                            <h:outputLabel styleClass="valorProposto" value="R$500,00" />
                            <h:outputLabel styleClass="tituloTempoVaga" value="Tempo:" />
                            <h:outputLabel styleClass="tempoVaga" value="40 horas" />
                        </div>
                    </div>
				</div>

			</div>
			<div id="lateralDireitaPrincipal">
				<div id="tituloMinhaRededeAmigos">
					<h:outputLabel value="Minha rede de amigos" />
				</div>
				<div id="conteudoMinhaRededeAmigos"></div>

				<div id="tituloMeusGrupos">
					<h:outputLabel value="Meus Grupos" />
				</div>
				<div id="conteudoMeusGrupos"></div>

				<div id="tituloRankingGeral">
					<h:outputLabel value="Ranking Geral" />
				</div>
				<div id="conteudoRankingGeral"></div>
			</div>
		</div>

	</ui:define>
</ui:composition>